<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>初识JQery</title>
		<!-- JQuert框架---JavaScript  行为层 做页面触发型效果 
		jquery 框架封装了JavaScript所有功能
		一，使用Jqeury使用
		1.官方网站下载JQuery框架 格式：jquery-1.11.1.js
		注意：jquery-2-xx-js 以上版本不支持IE 6，7，8
		2.引入JQuery框架 在head元素中，添加script元素
		3.JQuery语法使用，在后标记body元素前加script元素，在这个元素中写JQ语法
		
		JavaScript三部分组成   EMCASipt5.0 核心语法  理解：java基础
		                      功能：做逻辑
							  输出语句1.document.write（“内容+元素“）；
							  效果直接输出页面中
							  【较为常用】
							  2.console.log（"内容+变量值"）；
							  任何浏览器F12 直接在控制台输出内容+彼岸了值
							  调试页面数据，查看页面程序运行状态
							  【非常常用】
							  3.alert（“内容+变量值”）
							  弹出框，测试功能是否生效，Debug页面方式
							  4.confirm(内容)
							  弹出框，判断基础逻辑
							  【重点】 DOM Document Object Model 文档节点对象模型
							  功能：改变页面效果【结合逻辑操作页面元素和属性】
							  改变页面效果--DOM树概念
							  DOM认为页面一颗DOM书，树根document
							  按照html元素结构 body元素中页面出现
							  元素最多位置 等待元素出现 才可以改变
							  元素效果
							  【】
							  
							  
							  BOM    Browser Object Model 浏览器对象模型
							  针对浏览器功能操作 
							  功能：改变浏览器效果【结合逻辑操作浏览器功能】
		-->
		
		<script src="js/jquery-1.11.1.js"></script>
	</head>
	<body>
		<button>按钮</button>
		<button id="b't'n">JQuery按钮</button>
		<script>
			$("button").click(function(){document.write("<h1>准备下课~</h1>")});
		</script>
	</body>
</html>